<%--
  Created by IntelliJ IDEA.
  User: MSH
  Date: 2019-01-09
  Time: 11:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>客户禁用表</title>
    <jsp:include page="${pageContext.request.contextPath}/common/common.jsp"/>
</head>
<body>
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">禁用表</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-sm-12">
                    <table id="tb"></table>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    $(function () {
        $("#tb").bootstrapTable({
            url:'${pageContext.request.contextPath}/states/chax',
            toolbar:'#dtn',//工具按钮用哪个容器
            striped: true,//隔行换色
            showRefresh: true,//是否显示刷新按钮
            height: 500,//行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",//每一行的唯一标识，一般为主键列
            showToggle:true,//是否显示详细视图和列表视图的切换按钮
            //detailView:true,//是否显示父子表
            pagination:true, //是否显示分页（*）
            pageSize : 4,//单页记录数
            pageList : [ 5, 10, 20, 30 ],//可选择单页记录数
            /* sidePagination:"server",//分页方式：client客户端分页，server服务端分页（*）
             queryParams: function (params) {
             var temp = {
                 limit : params.limit,
                 offset : params.offset
             }
             return temp;
             },*/
            columns:[
                {checkbox: true},
                {field: 'id', title: '编号'},
                {field: 'userInfo.workname', title: '禁用姓名'},
                {field: 'state', title: '禁用理由'},
            ]
        });
    });
</script>

</html>
